<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>The Jquery Ajax 01 Page</h1>
    <button onclick="doAjax()">$.ajax(...)</button>
    <button onclick="doAjaxPost">$.Post(...)</button>
    <div src="id"></div>
    <script src="/js/jquery.min.js"></script>
    <script>
        function doAjax(result) {
            let url="http://localhost:8080/doAjaxGet";
            let params="id=";
            //这里的$代表jque对象
            //ajax({})这是jque对象中的一个ajax函数
            // $.ajax({
            //     type:"GET",
            //     url:url="http://localhost:8080/doAjaxGet",
            //     data:params,
            //     async:false,//默认为true，表示异步
            //     success:function (result) {
            //         console.log(result);
            //     }
            // })
        }
    </script>
    <script>
        function doAjaxPost() {
            let url="http://localhost:8080/doAjaxPost";
            let params="id=101&name=Computer&remark=Computer...";
            //这里的￥代表jque对象
            //ajax({})这是jque对象中的一个ajax函数
            // $.ajax({
            //     type:"POST",
            //     url:url,
            //     data:params,
            //     async:true,//默认为true，表示异步
            //     contentType:"application/x-www-form-urlencoded",//指定客户端想服务端传递数据的类型
            //     success:function (result) {
            //         console.log(result);
            //     }
            // })
            $.post(url.params,function (result) {
                // console.log(result);result
                $("#result").html(result);
            })
        }
    </script>
</body>
</html>